<template>
  <div class="catagory">
      <div class="left">
    <mt-navbar v-model="selected">
      <mt-tab-item id="1">选项一</mt-tab-item>
      <mt-tab-item id="2">选项二</mt-tab-item>
      <mt-tab-item id="3">选项三</mt-tab-item>
    </mt-navbar>
  </div>
  <div class="right">
    <mt-tab-container v-model="selected">
      <mt-tab-container-item id="1">
        11
      </mt-tab-container-item>
      <mt-tab-container-item id="2">
        22
      </mt-tab-container-item>
      <mt-tab-container-item id="3">
        33
      </mt-tab-container-item>
    </mt-tab-container>
  </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      selected: ''
    }
  }
}
</script>
<style lang="scss" scoped>
</style>
